@media screen, projection, print {
	
	::selection                         { background:#FFA722; color:#FFF; /* Safari */ }
	::-moz-selection                    { background:#FFA722; color:#FFF; /* Firefox */ }

	
	.hasJS img.loading {background-image:url(skin/ajax-loader.gif);background-position: 50% 50%;background-repeat:no-repeat;}
	
	.hasJS .noJS{display:none;}

	/* row, cell */
	.row {}
	.cellT {vertical-align:top !important; }
	.cellB {vertical-align:bottom !important;}
	
	/* all */
	.cell {display:inline-block;margin-right:-0.25em;vertical-align:middle;overflow:hidden;}
	/* Webkit */
	@media screen and (-webkit-min-device-pixel-ratio:0) {.cell {margin-right:-0.3em;}}
	/* ie */
	/*.cell {*display:inline !important; *margin-right:0; *zoom:1;}*/
	/* ff2 */
	.cell, x:-moz-any-link {display:-moz-inline-box;}
	/* restore ff3 */
	.cell, x:-moz-any-link, x:default {display:inline-block;}
	
	.cellBorderL {border-left:1px solid red;margin-left:-1px;} /* penser a ajouter le margin negatif pour contrer l'augmentation du layout du block  */
	.height360 {line-height:360px;} /* pour sizer une row en hauteur */

	/* liste horizontale non floatee */
	/* tabs : onglets, declaration de la partie structurelle */
	ul.tabs {overflow:hidden; zoom:1;margin:0;}
	ul.tabs li, ul.tabs li a  {}
	ul.tabs li {float:left; cursor:default; _width:1%; white-space:nowrap;}
	ul.tabs li a {display:block; zoom:1;background-position:right top;}
	ul.tabs li.last {float:none; overflow:hidden; width:auto; zoom:1;_float:left;}
	
	ul.tabs {overflow:hidden; zoom:1;margin:0;}
	ul.tabs li, ul.tabs li a  {}
	ul.tabs li {float:left; cursor:default; _width:1%; white-space:nowrap;}
	ul.tabs li a {display:block; zoom:1;background-position:right top;}
	ul.tabs li.last {float:none; overflow:hidden; width:auto; zoom:1;_float:left;}
	
	ul.onglets2 li {width:49%;} ul.onglets3 li {width:33.1%;} ul.onglets4 li {width:24.8%;} ul.onglets5 li {width:19%;} ul.onglets6 li {width:16%;}
	ul.onglets7 li {width:14%;} ul.onglets8 li {width:12.3%;} ul.onglets9 li {width:11%;} ul.onglets10 li {width:10%;} ul.ongletsAuto li {width:auto;}
	ul.onglets2 li,ul.onglets3 li,ul.onglets4 li,ul.onglets5 li,ul.onglets6 li,ul.onglets7 li,ul.onglets8 li,ul.onglets9 li {white-space:normal;}
	
	/* listes verticales + horizontales non floatee */
	ul.hList, ul.vList {margin:0;list-style:none;}
	ul.hList li {display:inline;margin-right:10px;}
	ul.vList li {display:block;margin-right:10px;}
	ul.list {list-style:none;padding:0;margin:0;}
	/* cms helpers */
	/* li:empty:after {content: "En savoir plus";padding-right:7px;}*/

	
	/* dataArray */
	table.dataArray {width:99% !important;margin:0 auto;border-collapse:collapse;border:none;}
	
	/* mediaFullSize */
	.mediaFullSize,	.mediaFullSize img, .mediaFullSize object, .mediaFullSize embed {display:block;width:100%;}

	/* btn */
	.btn,.btn span{display:-moz-inline-stack !important;display:inline-block!important;vertical-align:middle;white-space:nowrap;text-decoration:none !important;cursor:pointer;text-align:center;background-repeat:no-repeat;position:relative;}
	.btn{_width:1%;background-position:left top;}
	.btn span{display:block !important;background-position:right top;}
	.btn span input{display:inline;border:none;background:none;text-align:center;padding:0; margin:0;cursor:pointer;font-family:inherit;font-size:inherit !important;vertical-align:middle;_width:auto;} 
	.btn span img{vertical-align:middle;}
	/* safari, chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {.btn span input {position:relative;left:-3px;} a.btn span img{position:relative;top:-1px;}}
	/* opera */
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){span img{top:0px;} span span img{top:0px;}}
	/* firefox 2 -> 3.5 */
	span.btn span input, x:-moz-any-link  {position:relative;left:-3px;}
	a.btn span img, x:-moz-any-link{position:relative;top:-1px;}
	span.btn span img, x:-moz-any-link{position:relative;top:1px;}
	/* custom */
	.btn, .btn span, .btn span input {/*color:white;font-weight:bold;*/}
	


/**   JS   */
	
	/* pngfix */
	/* necessite "/statiques/js/scripts/px.gif" (1x1 transparent) et "/statiques/js/scripts/pngHack.htc" */
	img.pngfix {behavior: url(/js/scripts/pngHack.htc);}
	.hasJS .hidden {display:none;}
	/* gestion du hidden sur tr un peu particulier */
	.hasJS tr.hidden {display:table-row !important;}
	.hasJS tr.hidden td {height:0;overflow:hidden;border:none;padding:0;margin:0;}
	.hasJS tr.hidden td * {position:absolute;top:-5000px;}
	
	.hideBeforeLoading .hidden, .beforeLoading .hidden {position:absolute!important;top:-5000% !important;display:block!important;}
	.hasJS .invisible {position:absolute;top:-5000px;width:1px;height:1px;overflow:hidden;font-size:1%;background:transparent;opacity:0;filter:alpha(opacity=0);z-index:999;}
	
	/* blockTabs */
	.hasJS .tabCtn	{display:none;}
	.hasJS .tabCurrent {display:block;}
	.hasJS table.tabCurrent {display:table;}
	
	/* blockClickable */
	.hasJS .blockClickable {cursor:pointer;}

	/* blockToggle */
	.hasJS .blockToggle a {outline:none;}
	.hasJS .toggleClose {display:none;}
	a.toggleHandler {display:none;}
	.hasJS a.toggleHandler {display:inline;}
	
	/* fakeSelect */
	.hasJS .fakeSelect {z-index:995;}
	.hasJS .fakeSelect ul{position:absolute;z-index:1000;background:white;list-style:none;padding:3px 7px;text-align:left;margin:-1px 0 0 11px;padding:0;}
	.hasJS .fakeSelect span{}
	
	/* FormValidator */
	select.validation-failed {border:1px solid #B4131D !important;}
	input[type="text"].validation-failed {border:1px solid #B4131D !importantG42;}
	input[type="password"].validation-failed {border:1px solid #B4131D !important;}
	label.validation-failed {color:#B4131D !important;}

	/* fogManager */
	.hasJS .layer {position:fixed;top:50%;left:50%;_position:absolute;_top:0;z-index:1000;}
	.hasJS .fog {position:absolute;background-color:#FFF;opacity:0.7;filter:alpha(opacity=70);z-index:999;cursor:pointer;}
	.hasJS .fogSpinner, .hasJS .loading {background-image:url(skin/ajax-loader.gif);background-repeat:no-repeat;background-position:center center;width:66px;height:66px;left:50%;position:absolute;margin-left:-33px;top:50px;}
	#breadcrumb {overflow:hidden;}
	#breadcrumb li {float:left;margin-left:3px;}
	
	
	
	/* mea : image + texte */
	.mea,.mea .text,.meaRight, .meaRight .text,.meaWrap{overflow:hidden; _overflow:visible; _zoom:1;}
	.mea .media{float:left; margin-right:10px; _margin-right:7px;margin-left:0px;}
	.meaRight .media {float:right; margin-left:10px; _margin-left:7px;margin-right:0px;}
	.meaTop .media {float:none;display:block;text-align:center;}
	.meaTop .text {margin-top:5px;}
	.meaBottom .text {margin-bottom:5px;}
	.meaBottom .media {float:none;display:block;text-align:center;}
	.meaWrap .media { }
	.meaWrap img.media, .meaWrap .media img {display:-moz-inline-stack;display:inline-block; }
	.meaWrap .text {overflow:visible; zoom:0;}
	
	
	/* dock */
	.hasJS .dock  {line-height:100px;*height:100px;}
	/*.hasJS .dock li  {background:pink;}*/
	.hasJS .dock li.dockItem  {display:inline-block;vertical-align:middle;}
	.hasJS .dock li.dockItem a{display:block;vertical-align:middle;}
	/* webkit */
	@media screen and (-webkit-min-device-pixel-ratio:0) {.hasJS .dock li.dockItem {margin-right:-0.3em;display:inline;}}
	/* ie */
	.hasJS .dock li.dockItem {*display:inline;*zoom:1;}
	/* ff2 */
	.hasJS .dock li.dockItem , x:-moz-any-link {display:-moz-inline-box;}
	/* restore ff3 */
	.hasJS .dock li.dockItem , x:-moz-any-link, x:default {display:inline-block;}
	.hasJS .dock li.dockItem img {vertical-align:middle;}
	
	
	select.skinSelect {width:192px;margin:0 auto;display:block;}
	div.skinSelect {z-index:999;margin-left:-4px;zoom:1;}
	div.skinSelect ul{width:95%;margin:0 9px;}
	div.skinSelect ul li a{font-size:1.2em;text-transform:uppercase;color:#333;text-align:left;padding:2px 3px;display:block;line-height:18px;text-decoration:none;background:#fff;text-align:center;}
	div.skinSelect2 ul li a{font-size:1.2em;text-transform:uppercase;color:#fff !important;text-align:left;padding:2px 3px;display:block;line-height:18px;text-decoration:none;background:#3d4346 !important;text-align:center;}
	div.skinSelect ul li a:hover{text-decoration:underline;}
	div.skinSelect ul li.last {background:url(skin/skinSelectBottom.png) no-repeat left bottom;height:15px;padding-left:7px;_background-image:url(skin/skinSelectBottom_ie.png);}
	div.skinSelect2 ul li.last {background:url(skin/bg_selectGrey_bot.png) no-repeat left top !important;height:15px;padding-left:6px !important;}
	div.skinSelect ul li.last span {background:url(skin/skinSelectBottom.png) no-repeat right bottom;padding-right:7px;display:block;height:15px;_background-image:url(skin/skinSelectBottom_ie.png);}
	div.skinSelect2 ul li.last span {background:url(skin/bg_selectGrey_bot.png) no-repeat right top !important;padding-right:7px;display:block;height:15px;}
	div.skinSelectCurrent {z-index:1000;}
	a.skinSelect, a.skinSelect span {background-image:url(skin/skinSelect.png);display:block;height:28px;line-height:28px;}
	a.skinSelect2,a.skinSelect2 span {background-image:url(skin/bg_selectGrey.png) !important;display:block;height:22px !important;line-height:21px !important; color:#fff !important;}
	a.skinSelect { padding-left:10px;}
	a.skinSelect2 { padding-left:6px !important;}
	a.skinSelect span{ padding-right:30px;font-size:1.3em;text-transform:uppercase;color:#333;text-align:left;}
	a.skinSelect2 span{ padding-right:30px;font-size:1.2em !important;text-transform:uppercase;text-align:center !important;}
	
	}	
	
	
	#mySelect_Slider, #mySelect2_Slider{background:url(skin/bgSlider.png) no-repeat left top; height:22px; padding-left:6px; line-height:19px; margin-left:5px;}
	#mySelect_Slider .SliderLine, #mySelect2_Slider .SliderLine{height:18px !important; background-position:left 7px !important;}
	#mySelect_Slider .begin, #mySelect2_Slider .begin{background:url(skin/bgSlider.png) no-repeat right top; height:22px; padding-left:5px; padding-right:5px;}
	
	
	

	#leftCol {margin-right:10px;}
	#rightCol {background:#0ff;padding:25px;border:1px solid red;margin-left:10px;-moz-box-shadow: 5px 5px 3px #888;-moz-border-radius: 8px;-webkit-box-shadow: 5px 5px 3px #888;-webkit-border-radius: 8px;}
	#rightCol:hover {-moz-box-shadow: 5px 5px 3px #F00;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
	#mainCtn {-moz-border-image: url(skin/border.png) 50 stretch;padding:10px;}
	
	html {background:url(skin/bg.png) repeat left top;}
	body {overflow-y:scroll;}

	#myDock {line-height:160px;}
	.hasJS #myDock {line-height:136px;}
	.hasJS #myDock li.dockItem ul {position:absolute;top:115px;background:white;width:70px;display:none;}
	.hasJS #myDock li.dockItem li {line-height:1.25em;margin-right:0;border-top:1px solid #00F;}
	.hasJS #myDock li.dockItem li a{color:#00F;}
	.hasJS #myDock li.dockItem a img{/*-moz-box-shadow:5px 5px 25px #000;*/}
	.hasJS #myDock li.dockItem a:focus img{height:80px !important;}
	#myDock li.sep{background-color:#FFF;width:1px;display:inline-block;height:80px;vertical-align:middle;}
	.clear #myDock li.sep{background-color:#000;}
	.grey #myDock li.sep{background-color:#666;}
	.hasJS #myDock li.kbVisible a{width:0;opacity:0;}
	.hasJS #myDock li.kbVisible a:focus{width:auto;overflow:visible;opacity:1;}
	
	
	.hasJS #myDock li.js {color:#4D2144;}
	.hasJS #myDock li.html {color:#1B521B;}
	.hasJS #myDock li.css {color:#1B4752;}
	.hasJS #myDock li.wcag {color:#52471B;}
	.hasJS #myDock li.home {color:rgb(82, 27, 27);}
	.hasJS #myDock li.tibo {color:#666;}
	
	.verticalScrollBar{width:20px;background:blue url(skin/bgW1nn0.png) repeat left top;opacity:2;position:absolute;overflow:hidden;z-index:1000;/*margin-left:-17px;*/padding-left:3px;}
	.verticalScrollBar div {margin:0;}
	.verticalScrollBar .scrollerNW {width:20px;height:20px;display:block;cursor:pointer;background:url(skin/bg50.png) repeat left top;-moz-border-radius-topright:11px;-moz-border-radius-topleft:11px;outline:none;}
	.clear .verticalScrollBar .scrollerNW {background:url(skin/bgW50.png) repeat left top;}
	.verticalScrollBar .scrollerNW:hover {background:url(skin/bg30.png) repeat left top;}
	.clear .verticalScrollBar .scrollerNW:hover {background:url(skin/bgW30.png) repeat left top;}
	.verticalScrollBar .scrollerSE {width:20px;height:20px;display:block;cursor:pointer;*font-size:1%;background:url(skin/bg50.png) repeat left top;-moz-border-radius-bottomright:11px;-moz-border-radius-bottomleft:11px;outline:none;}
	.clear .verticalScrollBar .scrollerSE {background:url(skin/bgW50.png) repeat left top;}
	.verticalScrollBar .scrollerSE:hover {background:url(skin/bg30.png) repeat left top;}
	.clear .verticalScrollBar .scrollerSE:hover {background:url(skin/bgW30.png) repeat left top;}
	
	.verticalScrollBar .scrollerRoad {width:20px;display:block;cursor:pointer;background:url(skin/bg10.png) repeat left top;outline:none;}
	.clear .verticalScrollBar .scrollerRoad {background:url(skin/bgW10.png) repeat left top;}
	.verticalScrollBar .scrollerRoad span{display:block;}
	.verticalScrollBar .scrollerRoad .bd {}
	.verticalScrollBar .scrollerRoad .tp {height:16px;width:20px;*font-size:1%;zoom:1;}
	.verticalScrollBar .scrollerRoad .ft {height:16px;width:20px;*font-size:1%;zoom:1;}
	
	.verticalScrollBar .scrollerLift {width:20px;position:absolute;right:0;top:0;z-index:1000;display:block;cursor:pointer;cursor:-moz-grab;background:url(skin/bg50.png) repeat left top;outline:none;}
	.clear .verticalScrollBar .scrollerLift {background:url(skin/bgW50.png) repeat left top;}
	.verticalScrollBar .scrollerLift:hover {background:url(skin/bg30.png) repeat left top;}
	.clear .verticalScrollBar .scrollerLift:hover {background:url(skin/bgW30.png) repeat left top;}
	.verticalScrollBar .scrollerLift span {display:block;}
	.verticalScrollBar .scrollerLift .bd {}
	.verticalScrollBar .scrollerLift .tp {height:1px; width:20px;zoom:1;*font-size:1%; display:block;}
	.verticalScrollBar .scrollerLift .ft {height:1px; width:20px;zoom:1;*font-size:1%; display:block;}
	
	.verticalScrollBar .grabbin {cursor:pointer !important;cursor:-moz-grabbing !important;}
	
	/* row, cell */
	.row {}
	.cellT {vertical-align:top !important; }
	.cellB {vertical-align:bottom !important;}
	
	/* all */
	.cell {display:inline-block;margin-right:-0.24em;vertical-align:middle;overflow:hidden;}
	/*.cell {font-family:mono;font-size:10px;}*/
	/* Webkit */
	@media screen and (-webkit-min-device-pixel-ratio:0) {.cell {margin-right:-0.3em;}}
	/* ie */
	/*.cell {*display:inline !important; *margin-right:0; *zoom:1;}*/
	/* ff2 */
	.cell, x:-moz-any-link {display:-moz-inline-box;}
	/* restore ff3 */
	.cell, x:-moz-any-link, x:default {display:inline-block;}
	
	.blockSlider {position:relative;}
	.blockSlider .row {padding:0;}
	.blockSlider .cell {}
	.sliderPrev {position:absolute;left:1px;top:50%;background:url(skin/sliderBtn.png) no-repeat right center;width:14px; height:36px;margin-top:-9px;}
	.sliderNext {position:absolute;right:1px;top:50%;background:url(skin/sliderBtn.png) no-repeat left center;width:14px; height:36px;margin-top:-9px;}
	.inactive {opacity:0.7;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; *filter:alpha(opacity=70);}
	
	.dataArray {width:99%;margin:0 auto;border-collapse:collapse;border:2px solid #bbb;}
	.dataArray thead td,.dataArray  thead th {border-bottom:2px solid #ccc;padding:2px 3px;text-align:center;}
	.dataArray tbody td,.dataArray  tbody th {border-bottom:2px solid #ccc;padding:2px 3px;text-align:center;}
	.dataArray caption {font-style:italic;}
	.dataArray col {border:2px solid #999;border-right:none;}
	.dataArray col.hightLight {border:2px solid #FF9FB0;}
	.dataArray col.last {border-right:2px solid #999;}
	.dataArray tbody tr, .dataArray  tbody tr.odd {background:#CEFF7F;}
	.dataArray tbody tr.even {background:#FFF79F;}
	.dataArray tbody tr:hover {background:#FFF79F !important;}
	.dataArray col.hightLight td {color:red;} 
	
	/* v CSS3 */
	.dataArray tbody tr:nth-child(2n+1) {background:#DDD;}
	.dataArray tbody tr:nth-child(2n) {background:#FFF;}
	.dataArray td:empty {background:#999;}
	.dataArray colgroup:last-of-type {border-right:2px solid #999;}

	ul.cell {font-size:.9em;}
	ul.cell li {display:inline-block; cursor:pointer; _width:1%; white-space:nowrap;text-align:center;margin-right:-0.24em;}
	ul.cell li li {text-align:left;white-space:normal;width:100%;display:block;}
	ul.cell li a {display:block; zoom:1;background-position:right top;}
	ul.cell li.last {}

	
	li.cell {position:relative;}
	li.cell li {}
	li.cell ul {position:absolute;margin:0;padding:0;display:none;z-index:1000;}
	li.cell:hover ul, li.cell.hover ul, li.cell:focus ul, li.cell:active ul{display:block;}
	/*
	ul.cell li {margin:0;padding:0;zoom:1;}
	ul.cell li a {display:block;}
	*/
	

	
	#navTop {padding:0;height:40px;
    }
	
	#navTop li.cell {
		font-size:1.2em;
		width:33.333%;
		text-align:center;	
		margin-right:-0.18em;
		overflow:visible !important;
	}
	
	#navTop li.first {-moz-border-radius:10px 0 0 10px;}
	#navTop li.last	{-moz-border-radius:0 10px 10px 0;}
	
	#navTop li.cell ul{
		border:1px solid #666;
		border-top:0px;
		background:#888;
		width:99.8%;
		margin-left:-1px;
	}
	#navTop li.cell a{
		color:#5B789B !important;
		padding:5px 10px;
		line-height:40px;
	}
	#navTop li.cell:hover{
		background:#888;
	}
#top {overflow:hidden;_overflow:visible;_zoom:1;}
#top img, #top h1 {float:left;}
#top h1 {color:black;padding-left:10px;font-style:italic;padding:30px 0 0 15px;}
.box {padding:10px;border:2px solid #5B789B;-moz-border-radius:10px;background:white;margin:15px 0;-moz-box-shadow:0px 0px 10px #666;}

#rgaa{padding:0;}
#rgaa a{position:absolute;left:-100%;}
#rgaa a:focus,#rgaa a:active {position:static;left:-100%;}

#leftCol ul {padding:0;}
#leftCol ul ul{padding:0 10px;}
#leftCol .folder > a{font-weight:bold;}
#leftCol .file > a{font-style:italic;}

body {color:#777;}
.test {
	border:2px solid #777;
	border-top-width:4px;
	background:white;
	margin:10px;
	height:100px;width:100px;
	float:left;
	font-size:1em;
	text-align:center;
}
.test {
	moz-border-radius:10px 0;
	moz-box-shadow:0px 0px 10px #777;
	webkit-border-radius:10px;
	webkit-box-shadow:0px 0px 10px #777	;
	overflow:hidden;
	-webkit-transition: width 1s ease, height 1s ease; 
}
/*.test img {
	display:block;
	width:100%;
}
.test:hover {
	 width:150px;
	 height:150px;
	-webkit-transition: width 1s ease, height 1s ease; 
}*/